// components/detailCmpt/index.less

.achVideo {
    //display: flex;
    width: 750px;
    height: 450px;

    .achVideo_main {
        width: 100%;
        height: 100%;
    }
}

.detailInfo {
    display: flex;
    flex-direction: column;
    width: 750px;
    height: 380px;
    border-radius: 0 0 50px 50px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(229, 229, 229, 0.50);

    .info_title {
        display: flex;
        justify-content: center;
        margin-top: 32px;

        .info_title_text {
            display: flex;
            width: 622px;
            height: 86px;

            Text {
                color: #000;
                font-family: PingFang SC;
                font-size: 28px;
                font-style: normal;
                font-weight: 500;
                line-height: 43px;
                letter-spacing: 0.06em;
                /* 设置超出省略号 */
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                word-break: break-all;
            }
        }
    }

    .interaction_row {
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 32px;

        .info_tag {
            display: flex;
            margin-left: 64px;
            border-radius: 25px;
            border: 1px solid #1638D8;
            padding: 8px 21px;

            Text {
                color: #1638D8;
                font-family: PingFang SC;
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: 34px;
                letter-spacing: 0.1em;
            }
        }

        .info_play {
            position: absolute;
            left: 401px;
            display: flex;
            align-items: center;

            .info_play_ico {
                display: flex;
                width: 41px;
                height: 30px;

                Image {
                    height: 100%;
                    width: 100%;
                }
            }

            .info_play_num {
                display: flex;
                align-items: center;
                margin-left: 16px;

                Text {
                    color: #7B7B7B;
                    font-family: PingFang SC;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    letter-spacing: 0.1em;
                }
            }
        }

        .info_talk {
            position: absolute;
            align-items: center;
            left: 572px;
            display: flex;

            .info_talk_ico {
                display: flex;
                width: 40px;
                height: 32px;

                Image {
                    width: 100%;
                    height: 100%;
                }
            }

            .info_talk_num {
                display: flex;
                align-items: center;
                margin-left: 16px;

                Text {
                    color: #7B7B7B;
                    font-family: PingFang SC;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    letter-spacing: 0.1em;
                }
            }
        }
    }
}

.line_row {
    display: flex;
    margin-top: 32px;
    justify-content: center;
}

.company_row {
    display: flex;
    margin-top: 32px;
    align-items: center;

    .company_ico {
        display: flex;
        margin-left: 64px;
        width: 16px;
        height: 20px;

        Image {
            width: 100%;
            height: 100%;
        }
    }

    .company_title {
        display: flex;
        margin-left: 16px;

        Text {
            color: #ACACAC;
            font-family: PingFang SC;
            font-size: 24px;
            font-weight: 400;
            line-height: 34px;
            letter-spacing: 0.1em;
        }
    }
}

.company_name {
    display: flex;
    margin-top: 16px;
    margin-left: 93px;

    Text {
        color: #606060;
        font-family: PingFang SC;
        font-size: 24px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0.1em;
    }
}

.line {
    display: flex;
    width: 660px;
    border-top: 1px dashed #EBEEF2;
}

.article {
    display: flex;
    flex-direction: column;
    width: 686px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(229, 229, 229, 0.50);
    padding-bottom: 64px;

    .article_title {
        display: flex;
        margin-left: 32px;
        margin-top: 32px;

        Text {
            color: #000;
            font-family: PingFang SC;
            font-size: 30px;
            font-style: normal;
            font-weight: 900;
            line-height: 42px;
            letter-spacing: 0.1em;
        }
    }

    .article_text_row {
        display: flex;
        justify-content: center;
        margin-top: 32px;

        .article_text {
            display: flex;
            width: 622px;

            Text {
                color: #606060;
                font-family: PingFang SC;
                font-size: 24px;
                font-weight: 400;
                line-height: 34px;
                letter-spacing: 0.1em;
            }
        }
    }
}

.comment {
    display: flex;
    flex-direction: column;

    .comment_title_row {
        display: flex;
        align-items: center;

        .comment_title {
            display: flex;
            margin-left: 64px;

            Text {
                color: #000;
                font-family: PingFang SC;
                font-size: 30px;
                font-weight: 900;
                line-height: 42px;
                letter-spacing: 0.1em;
            }
        }

        .comment_num {
            display: flex;

            Text {
                color: #7B7B7B;
                font-family: PingFang SC;
                font-size: 24px;
                font-weight: 400;
                line-height: 34px;
            }
        }
    }

    .comment_list_self {
        display: flex;
        flex-direction: column;
        width: 686px;
        margin-top: 32px;
        margin-left: 32px;
        border-radius: 20px;
        background: #FFF;
        box-shadow: 0 0 30px 0 rgba(229, 229, 229, 0.50);
        align-items: center;
        padding-bottom: 32px;

        .comment_list_self_title {
            display: flex;
            width: 622px;
            margin-top: 16px;
            //padding-bottom: 32px;

            Text {
                color: #7B7B7B;
                font-family: PingFang SC;
                font-size: 24px;
                font-weight: 400;
                line-height: 34px;
            }
        }
    }

    .comment_list_other {
        display: flex;
        flex-direction: column;
        margin-top: 32px;
        //margin-left: 64px;

        .commentItem {
            margin-left: 64px;
        }

        .commentLine {
            margin-left: 45px;
            margin-top: 31px;
        }
    }
}

.commentItem:not(:first-child) {
    margin-top: 32px;
}

.commentLine {
    display: flex;
    width: 660px;
    border-top: 1px dashed #EBEEF2;
}

.overTip {
    width: 750px;
    display: flex;
    justify-content: center;

    Text {
        color: #C4C4C4;
        font-family: PingFang SC;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.1em;
    }
}
